/* eslint-disable */
import React, { Component, Suspense } from 'react';
import { Icon } from 'antd';
import Link from 'umi/link';
import classNames from 'classnames';
import IconFont from '@/components/IconFont';
import { getHeight } from '@/utils/utils';
import styles from './styles.less';
import { MenuTitle } from '@/global';
import { toPath } from '@/utils/router';

function Dashboard() {
  return (
    <div className={styles.container} style={{ height: getHeight() }}>
      <ul className={styles.menu}>
        <li className={classNames(styles.layout1, styles.flow)}>
          <Link to={toPath('/ProcessManager')} title={MenuTitle.PROCESS_MANAGER}>
            <div className="in-block">
              <IconFont type="icon-flow" />
              <div className="in-title">{MenuTitle.PROCESS_MANAGER}</div>
            </div>
          </Link>
        </li>
        <li className={classNames(styles.layout1, styles.cache)}>
          <Link to={toPath('/ProcessCacheManager')} title={MenuTitle.CACHE_MANAGER}>
            <div className="in-block">
              <IconFont type="icon-cache" />
              <div className="ch show">{MenuTitle.CACHE_MANAGER}</div>
            </div>
          </Link>
        </li>
        <li className={classNames(styles.layout2, styles.log)}>
          <Link to={toPath('/ProcessLogQuery')} title={MenuTitle.LOG_QUERY}>
            <IconFont type="icon-log" className={classNames('inline-block', styles.small)} />
            <div className="inline-block">{MenuTitle.LOG_QUERY}</div>
          </Link>
        </li>
        <li className={classNames(styles.layout2, styles.waiting)}>
          <a>
            <Icon type="hourglass" className={classNames('inline-block', styles.small)} />
            <div className="inline-block">敬请期待</div>
          </a>
        </li>
      </ul>
    </div>
  );
}

export default Dashboard;
